<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="shortcut icon" href="http://18715232917.host3v.com/peanut.ico" type="image/x-icon">
  <script src="./javascripts/common/jquery.min.js"></script>
  <script src="./javascripts/index1.js"></script>
  <link rel="stylesheet" href="./stylesheets/css/myCssReset.css">
  <link rel="stylesheet" href="./stylesheets/css/header.css">
  <link rel="stylesheet" href="./stylesheets/css/index1.css">

  <!-- 引入swiper -->
  <link rel="stylesheet" href="./stylesheets/css/common/swiper-bundle.min.css">
  <script src="./javascripts/common/swiper-bundle.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header id="header"></header>
  <!-- 主页面 -->
  <div class="main">
    <div class="left_main">
      <!-- 轮播图start -->
      <div class="carousel">
        <h4>热映电影</h4>
        <div class="pages">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"></div>
              <div class="swiper-slide"></div>
              <div class="swiper-slide"></div>
              <div class="swiper-slide"></div>
            </div>

            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>

          </div>
        </div>
      </div>
      <!-- 轮播图end-->
      <div class="movie">
        <div class="banner">
          <h4>最近热门电影</h4>
          <span><a href="http://localhost:3000/moremovie.html">更多》</a></span>
        </div>

        <div class="content" id="moviecontent">
          <ul>

          </ul>
        </div>
      </div>
      <div class="movie">
        <div class="banner">
          <h4>最近热门电视剧</h4>
          <span><a href="">更多》</a></span>
        </div>

        <div class="content" id="moviecontent">
          <ul>

          </ul>
        </div>
      </div>
    </div>
    <div class="right_main">
      <div class="scorebillboard">
        <h4 class="banner">
          电影口碑榜
        </h4>
        <ul>
        </ul>
      </div>
      <div class="contactus">
        <h4 class="banner">
          合作联系
        </h4>
        <p>合作官方群：855949526</p>
      </div>
      <div class="subscribeus">
        <h4 class="banner">
          关注我们
        </h4>
        <div>
          <a href="https://gitee.com/liuziyixxjz/peanut" class="aimg" target="_blank"></a>
          <a href="https://gitee.com/liuziyixxjz/peanut" class="aname" target="_blank">gitee</a>
        </div>
      </div>
    </div>

  </div>
  <!-- 尾部 -->
  <footer id="footer"></footer>
</body>

<script>
  var mySwiper = new Swiper('.swiper-container', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    autoplay: {
      delay: 2000,
      stopOnLastSlide: false,
      disableOnInteraction: false,
    },

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

  })

</script>


</html>